


<div class="bjui-pageContent tableContent">
    <table>
        <div style="height: 50px;text-align: center;font-size:30px;color: #101010 ">碎片率</div>
        <div style="height: 50px;text-align: center;font-size:25px;color: #101010 "><label id="show"></label></div>
        <div id="chipyieldline1" style="width:25%;height:80%;float:left" ></div>
        <div id="chipyieldline2" style="width:25%;height:80%;float:left" ></div>
        <div id="chipyieldline3" style="width:25%;height:80%;float:left" ></div>
        <div id="chipyieldline4" style="width:25%;height:80%;float:left" ></div>
        <script  src="${request.getContextPath()}/js/echarts/echarts.js"></script>
        <script  src="${request.getContextPath()}/js/echarts/echarts-tool.js"></script>
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var contextPath = "${request.getContextPath()}";
            eChartsTool.init(contextPath);
            var data=[];
            <g:each in="${chipyieldlinerpt}" status="i" var="tableInstance">
            data.push('${tableInstance.TIME}');
            </g:each>

            // 指定图表的配置项和数据
            var option = {
                /*backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色*/
                // 图表标题
                title: {

                },

                tooltip : {
                    trigger: ''
                },

                legend: {
                    data:['东线(总)','西线(总)','目标'],
                    y:'bottom',
                    textStyle:{fontSize:25}

                },
                xAxis: {
                    "axisLabel":{
                        "interval":0,
                        textStyle:{fontSize:25}
                    },
                    data:['']
                },
                yAxis : [
                    {
                        type : 'value',
                        name:'',
                        max:1,
                        min:0,
                        axisLabel : {
                            formatter: '{value}%',
                            textStyle:{fontSize:20}
                        },
                        show:true
                    }
                ],

                series :
                        [
                    {
                        name: '东线(总)',
                        type: 'bar',
                        itemStyle: {
                            normal: {
                                color:'#00EC00',
                               /* color:function(params){
                                    var colorList=['red','green'];
                                    return colorList[params.dataIndex]


                                },*/
                                label: {
                                    show: true,
                                    position: 'inside',//数据在中间显示
                                    formatter:'{c}',//百分比显示
                                    textStyle:{fontSize:25}
                                }
                            }
                        },

                        data:${chipyieldlinerpt.EAST}
                    },
                            {
                                name: '西线(总)',
                                type: 'bar',
                                itemStyle: {

                                    normal: {
                                        color:'#FF0000',
                                        label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }
                                    }
                                },

                                data:${chipyieldlinerpt.WEST}
                            },
                            {
                                name: '目标',
                                type: 'line',
                                itemStyle: {
                                    normal: {
                                        /*label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }*/
                                    }
                                },
                                markLine : {
                                    itemStyle: {
                                        normal: {
                                            label: {
                                                show: true,
                                                textStyle:{fontSize:25}
                                            }
                                        }
                                    },
                                    data : [
                                        {type : 'average', name: '目标值',
                                            label:{
                                                textStyle:{fontSize:25}
                                            }

                                        }

                                    ]
                                },
                                data:${chipyieldlinerpt.TARGET}
                            }]
            };
            // 使用刚指定的配置项和数据显示图表。
            eChartsTool.setOption("macarons", document.getElementById('chipyieldline1'), option);
        </script>
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var contextPath = "${request.getContextPath()}";
            eChartsTool.init(contextPath);
            var data=[];
            <g:each in="${chipyieldlinerptqb}" status="i" var="tableInstance">
            data.push('${tableInstance.TIME}');
            </g:each>

            // 指定图表的配置项和数据
            var option = {
                /*backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色*/
                // 图表标题
                title: {

                },

                tooltip : {
                    trigger: ''
                },

                legend: {
                    data:['东线(切半)','西线(切半)','目标'],
                    y:'bottom',
                    textStyle:{fontSize:25}

                },
                xAxis: {
                    "axisLabel":{
                        "interval":0,

                        textStyle:{fontSize:25}
                    },
                    data:['']
                },
                yAxis : [
                    {
                        type : 'value',
                        name:'',
                        axisLabel : {
                            formatter: '{value}%',
                            textStyle:{fontSize:20}
                        },
                        max:0.200,
                        min:0,
                        show:true
                    }
                ],

                series :
                        [
                            {
                                name: '东线(切半)',
                                type: 'bar',
                                itemStyle: {
                                    normal: {
                                        color:'#00EC00',
                                        label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }
                                    }
                                },

                                data:${chipyieldlinerptqb.EAST}
                            },
                            {
                                name: '西线(切半)',
                                type: 'bar',
                                itemStyle: {
                                    normal: {
                                        color:'#00EC00',
                                        label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }
                                    }
                                },

                                data:${chipyieldlinerptqb.WEST}
                            },
                            {
                                name: '目标',
                                type: 'line',
                                itemStyle: {
                                    normal: {
                                        /*label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }*/
                                    }
                                },
                                markLine : {
                                    itemStyle: {
                                        normal: {
                                            label: {
                                                show: true,
                                                textStyle:{fontSize:25}
                                            }
                                        }
                                    },
                                    data : [
                                        {type : 'average', name: '目标值'}
                                    ]
                                },
                                data:${chipyieldlinerptqb.TARGET}
                            }]
            };
            // 使用刚指定的配置项和数据显示图表。
            eChartsTool.setOption("macarons", document.getElementById('chipyieldline2'), option);
        </script>
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var contextPath = "${request.getContextPath()}";
            eChartsTool.init(contextPath);
            var data=[];
            <g:each in="${chipyieldlinerpthj}" status="i" var="tableInstance">
            data.push('${tableInstance.TIME}');
            </g:each>

            // 指定图表的配置项和数据
            var option = {
                /*backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色*/
                // 图表标题
                title: {

                },

                tooltip : {
                    trigger: ''
                },

                legend: {
                    data:['东线(焊接)','西线(焊接)','目标'],
                    y:'bottom',
                    textStyle:{fontSize:25}

                },
                xAxis: {
                    "axisLabel":{
                        "interval":0,
                        textStyle:{fontSize:25}
                    },
                    data:['']
                },
                yAxis : [
                    {
                        type : 'value',
                        name:'',

                        axisLabel : {
                            formatter: '{value}%',
                            textStyle:{fontSize:20}
                        },
                        show:true
                    }
                ],

                series :
                        [
                            {
                                name: '东线(焊接)',
                                type: 'bar',
                                itemStyle: {
                                    normal: {
                                        color:'#00EC00',
                                        label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }
                                    }
                                },

                                data:${chipyieldlinerpthj.EAST}
                            },
                            {
                                name: '西线(焊接)',
                                type: 'bar',
                                itemStyle: {
                                    normal: {
                                        color:'#00EC00',
                                        label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }
                                    }
                                },

                                data:${chipyieldlinerpthj.WEST}
                            },
                            {
                                name: '目标',
                                type: 'line',
                                itemStyle: {
                                    normal: {
                                       /* label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }*/
                                    }
                                },
                                markLine : {
                                    itemStyle: {
                                        normal: {
                                            label: {
                                                show: true,
                                                textStyle:{fontSize:25}
                                            }
                                        }
                                    },
                                    data : [
                                        {type : 'average', name: '目标值'},

                                    ]
                                },
                                data:${chipyieldlinerpthj.TARGET}
                            }]
            };
            // 使用刚指定的配置项和数据显示图表。
            eChartsTool.setOption("macarons", document.getElementById('chipyieldline3'), option);
        </script>
        <script type="text/javascript">
            // 基于准备好的dom，初始化echarts实例
            var contextPath = "${request.getContextPath()}";
            eChartsTool.init(contextPath);
            var data=[];
            <g:each in="${chipyieldlinerptfs}" status="i" var="tableInstance">
            data.push('${tableInstance.TIME}');
            </g:each>

            // 指定图表的配置项和数据
            var option = {
                /*backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色*/
                // 图表标题
                title: {

                },

                tooltip : {
                    trigger: ''
                },

                legend: {
                    data:['东线(敷设)','西线(敷设)','目标'],
                    y:'bottom',
                    textStyle:{fontSize:25}

                },
                xAxis: {
                    "axisLabel":{
                        "interval":0,
                        textStyle:{fontSize:25}
                    },
                    data:['']
                },
                yAxis : [
                    {
                        type : 'value',
                        name:'',
                        max:0.500,
                        min:0,
                        axisLabel : {
                            formatter: '{value}%',
                            textStyle:{fontSize:20}
                        },
                        show:true
                    }
                ],

                series :
                        [
                            {
                                name: '东线(敷设)',
                                type: 'bar',
                                itemStyle: {
                                    normal: {
                                        color:'#FF0000',
                                        label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }
                                    }
                                },

                                data:${chipyieldlinerptfs.EAST}
                            },
                            {
                                name: '西线(敷设)',
                                type: 'bar',
                                itemStyle: {
                                    normal: {
                                        color:'#FF0000',
                                        label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }
                                    }
                                },

                                data:${chipyieldlinerptfs.WEST}
                            },
                            {
                                name: '目标',
                                type: 'line',
                                itemStyle: {
                                    normal: {
                                       /* label: {
                                            show: true,
                                            position: 'inside',//数据在中间显示
                                            formatter:'{c}',//百分比显示
                                            textStyle:{fontSize:25}
                                        }*/
                                    }
                                },
                                markLine : {
                                    itemStyle: {
                                        normal: {
                                            label: {
                                                show: true,
                                                textStyle:{fontSize:25}
                                            }
                                        }
                                    },
                                    data : [
                                        {type : 'average', name: '目标值'},

                                    ]
                                },
                                data:${chipyieldlinerptfs.TARGET}
                            }]
            };
            // 使用刚指定的配置项和数据显示图表。
            eChartsTool.setOption("macarons", document.getElementById('chipyieldline4'), option);
        </script>
        <script>
            $(function(){
                var time=new Date();
                var date=time.formatDate("HH:mm");
                var date1=time.formatDate("yyyy年MM月dd日");
                $("#show").html("日期："+date1+"                 时间："+date)
            })

        </script>
    </table>
    <form id="pagerForm1" data-toggle="ajaxsearch" action="${request.getContextPath()}/defectline/defectlinerpt" method="post">
        <button style="VISIBILITY: hidden" id="auto" type="submit" class="btn-default" data-icon="search" >下一页</button>&nbsp;
    </form>
</div>

